<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <script type="module">
        //必须加type="module"
        //需要同源
        import {name,age} from './module.js';//import命令加载module.js文件，从中导入变量
        console.log(name,age);//tom 20

        import {introduce as intro} from './module.js';//使用了as将导入的变量重新命名。
        console.log(intro());//My name is tom! I'm 20 years old!
        //使用import不能用到表达式，变量，if结构。静态分析阶段，出现这些都是错误的。
    </script> -->

    <!-- <script type="module">
        import {area,circumference as zc} from './circle.js';
        console.log('圆面积:',area(4).toFixed(2));//圆面积: 50.27
        console.log('圆周长：',zc(4).toFixed(2));//圆周长: 25.13
        //第二种
        import *as circle from './circle.js';
        console.log('圆面积:',circle.area(4).toFixed(2));//圆面积: 50.27
        console.log('圆周长：',circle.circumference(4).toFixed(2));//圆周长: 25.13
        // 第一种是通过结构指定要加载的方法，第二种是通过指定的circle对象整体加载模块，然后可以访问circle对象上的方法
    
    </script> -->

    <!-- <script type="module">
        import defaultName from './default.js'//可以用任意名称指向default.js导出的变量，此时import后面不需要{}
        console.log(defaultName);
        import {introduce} from './default.js'
        console.log(introduce());
    </script> -->

<!-- <script type="module">
    import {foo,bar} from './my_module.js'
    foo();
</script> -->

<script type="module">
    import * as rectplus from './rectPlus.js';
    console.log(rectplus.area(3,5));//继承父类的模块
    console.log(rectplus.pi);

    import zhouchang from './rectPlus.js'//模块默认方法
    console.log(zhouchang(4,6));
</script>
</body>
</html>